import './security.css'
import {useEffect} from 'react'
const Security = () => {
useEffect(()=>{
    fetch('')
},[])
    return <div className='box'>
        <p style={{marginTop:'20px',fontWeight:'bold'}}>安全设置</p>
        <div className='img-div'>

            <div className='img-view'>
                <span>账户密码</span>
                <span className='leftdiv'>修改</span>
                <p>当前密码强度：强</p>
            </div>
        </div>
        <div className='img-div'>

            <div className='img-view'>
                <span>密保手机</span>
                <span className='leftdiv'>修改</span>
                <p>已绑定手机：138****8293</p>
            </div>
        </div>
        <div className='img-div'>

            <div className='img-view'>
                <span>密保问题</span>
                <span className='leftdiv'>设置</span>
                <p>未设置密保问题，密保问题可有效保护账户安全</p>
            </div>
        </div>
        <div className='img-div'>

            <div className='img-view'>
                <span>绑定邮箱</span>
                <span className='leftdiv'>修改</span>
                <p>已绑定邮箱：ant***@microvideo.com</p>
            </div>
        </div>
        <div className='img-div'>

            <div className='img-view'>
                <span>备用邮箱</span>
                <span className='leftdiv'>修改</span>
                <p>已绑定邮箱：ant***@microvideo.com</p>
            </div>
        </div>
    </div>
}
export default Security